<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>2018/11/30</title>
    <!--<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>-->
    <script src="node_modules/jquery/dist/jquery.min.js"></script>
    <script src="index.js"></script>
    <!--好的代码像粥一样,是得用时间和精力熬的。-->
</head>
<body>
    <button id="sum">计算</button>
</body>
<!--<script>-->
    <!--var btn = document.getElementById('sum');-->
    <!--var res = 0;-->
    <!--btn.onclick = function () {-->
      <!--$.ajax({-->
          <!--url:'http://10.10.25.174:8080/a',-->
          <!--method:'get',-->
          <!--data:{-->
              <!--a:1-->
          <!--},-->
          <!--success:function (data) {-->
              <!--res += data.value;-->
              <!--$.ajax({-->
                  <!--url:'http://10.10.25.174:8080/b',-->
                  <!--method:'get',-->
                  <!--data:{-->
                      <!--b:2-->
                  <!--},-->
                  <!--success:function (data) {-->
                      <!--res += data.value;-->
                      <!--$.ajax({-->
                          <!--url:'http://10.10.25.174:8080/c',-->
                          <!--method:'get',-->
                          <!--data:{-->
                             <!--c:3-->
                          <!--},-->
                          <!--success:function (data) {-->
                              <!--res += data.value;-->
                              <!--$.ajax({-->
                                  <!--url:'http://10.10.25.174:8080/d',-->
                                  <!--method:'get',-->
                                  <!--data:{-->
                                      <!--d:4-->
                                  <!--},-->
                              <!--})-->
                          <!--}-->
                      <!--})-->
                  <!--},-->
                  <!--fail:function (error) {-->

                  <!--}-->
              <!--})-->
          <!--}-->

      <!--})-->
    <!--}-->
<!--</script>-->
<script>
   let btn = document.getElementById('sum');
    let request = config => new Promise((resolve,reject) => {
            $.ajax({
                url: config.url,
                method: config.method || 'get',
                data: config.params,
                success(data) {data.code == 1? resolve(data): reject(data);},
                fail(error) {reject(error);}
            })
        });
    btn:onclick = function () {
       // request({ method:'get', url:'http://10.10.25.174:8080/a',param:{a:1}})
       //   .then(function (data) {res += data.value;return request({url:'http://10.10.25.174:8080/b',params:{b:2}})})
       //   .then(function (data) {res += data.value;return request({url:'http://10.10.25.174:8080/c',params:{c:3}})})
       //   .then(function (data) {res += data.value;return request({url:'http://10.10.25.174:8080/d',params:{d:4}})})
       //   .catch(function (error) {console.log(error)});
       Promise.all([
           request({url:'http://10.10.25.174:8080/a',params:{a:1}}),
           request({url:'http://10.10.25.174:8080/b',params:{b:2}}),
           request({url:'http://10.10.25.174:8080/c',params:{c:3}}),
           request({url:'http://10.10.25.174:8080/d',params:{d:4}})
           ]).then((data) => console.log(data.reduce((prev,current) => prev + current.value,0)))
    }

</script>
</html>
<!--地址：http://10.10.25.147:8080-->
<!--获取第一个数字接口-->
<!--api:/a-->
<!--method:get-->
<!--params : a = 1-->
<!--success:{code:1,msg:'...',value:12}-->
<!--fail:{code: -1,msg:''}-->
<!--获取第二个数字接口-->
<!--api:/b-->
<!--method:get-->
<!--params : b = 2-->
<!--success:{code:1,msg:'...',value:12}-->
<!--fail:{code: -1,msg:''}-->
<!--获取第三个数字接口-->
<!--api:/c-->
<!--method:get-->
<!--params : c = 3-->
<!--success:{code:1,msg:'...',value:12}-->
<!--fail:{code: -1,msg:''}-->
<!--获取第四个数字接口-->
<!--api:/d-->
<!--method:get-->
<!--params : d = 4-->
<!--success:{code:1,msg:'...',value:12}-->
<!--fail:{code: -1,msg:''}-->
